<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<meta http-equiv="X-UA-Compatible" content="IE=edge">
		<meta name="viewport" content="width=device-width, initial-scale=1">
		<title>Button</title>
		<link href="css/font-awesome.min.css" rel="stylesheet">
		<link href="css/materialui.css" rel="stylesheet">
		<link href="css/materialui-red.css" rel="stylesheet">
	</head>
	<body>
		<div class="float-btns" data-autohide="true">
			<button class="btn btn-float btn-white"><i class="fa fa-angle-left"></i></button>
			<button class="btn btn-float btn-white"><i class="fa fa-angle-right"></i></button>
		</div>
		<div id="wrapper">
			<div class="page page-show" id="page1">
				<div class="TitleBar">
					<a class="button button-left btn-back" data-to="url" data-url="demo-welcome.html"><img src="image/demo/icon/arrow_back_white.png"></a>
					<div class="title">Button</div>
				</div><!-- /.TitleBar -->
				<div class="text-center content">
					<p>
						<input type="button" class="btn btn-raised btn-white" value="Raised White">
						<input type="button" class="btn btn-raised btn-blue" value="Raised Blue">
						<input type="button" class="btn btn-raised btn-red" value="Raised Red">
					</p>
					<p>
						<input type="button" class="btn btn-raised btn-green" value="Raised Green">
					</p>
					<p>
						<input type="button" class="btn btn-raised btn-white disabled" value="Raised White(disabled)">
						<input type="button" class="btn btn-raised btn-blue disabled" value="Raised Blue(disabled)">
						<input type="button" class="btn btn-raised btn-red disabled" value="Raised Red(disabled)">
					</p>
					<p>
						<input type="button" class="btn btn-raised btn-green disabled" value="Raised Green(disabled)">
					</p>
					<p>
						<input type="button" class="btn btn-flat btn-flat-white" value="Flat white">
						<input type="button" class="btn btn-flat btn-flat-blue" value="Flat Blue">
						<input type="button" class="btn btn-flat btn-flat-red" value="Flat Red">
					</p>
					<p>
						<input type="button" class="btn btn-flat btn-flat-green" value="Flat Green">
					</p>
					<p>
						<input type="button" class="btn btn-flat btn-flat-white disabled" value="Flat White(disabled)">
						<input type="button" class="btn btn-flat btn-flat-blue disabled" value="Flat Blue(disabled)">
						<input type="button" class="btn btn-flat btn-flat-red disabled" value="Flat Red(disabled)">
					</p>
					<p>
						<input type="button" class="btn btn-flat btn-flat-green disabled" value="Flat Green(disabled)">
					</p>
				</div><!-- /#content -->
			</div><!-- /.page -->
		</div> <!-- /#wrapper -->
		<script src="js/zepto.min.js"></script>
		<script src="js/materialui.js"></script>
	</body>
</html>